<template>
    <div class="common-layout">
        <el-container>
            <asideView></asideView>
            <el-container>
                <headerView></headerView>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script>
import asideView from '@/components/asideView.vue'
import headerView from '@/components/headerView.vue'
export default {
    components: {
        asideView,
        headerView,
    }
}


</script>
<style scoped>
.toolbar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    right: 20px;
}

.el-menu {
    height: 100vh;

    .logo {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
}
</style>
